<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>登录</title>
    <link rel="stylesheet" href="../../resources/css/login.css">
    <link rel="SHORTCUT ICON" href="../../resources/images/favicon.ico" type="image/x-icon" />
</head>

<body>
  <div class="loginBox">
    <div class="logo">
      <span>江阴市西城钢铁有限公司铁有限公司</span>
    </div>
    <form id="login-form" class="form-horizontal" role="form">
      <div class="form-group">
        <div class="input-parent">
        <input type="text" class="scm-input form-control" id="username" name="username" placeholder="账号" >
        <span></span>
        </div>
      </div>

      <div class="form-group ">
        <div class="input-parent">
          <input type="password" class="scm-input form-control" id="password" name="password" placeholder="密码"/>
          <span></span>
        </div>
      </div>

      <div class="form-group">
        <div class="input-parent yzm">
        <input type="text" class="scm-input form-control" id="username" name="username" placeholder="输入验证码" ><a href="javascript:;"><img src="http://static-online.zhaogangtest.com/project/ued/finance/local/Resources/money/sign/images/identy.jpg" alt=""></a>
        <span></span>
        </div>
      </div>
      <div class="form-group">
        <label class="mycheckbox active"><em></em>下次自动登录</label>
      </div>
      <button class="scm-btn blue" type="submit" id="submit">登录</button>
    </form>

    <div class="bottomplace">
      <!-- <div class="errorplace">您的输入已错误2次</div> -->
      <!-- <div class="version">v1.0.0.1更新内容</div> -->
    </div>
  </div>

<!--   <div class="language">
      <b>Language：</b>
      <div class="selectshow selectshowAction"><span>简体中文</span></div>
      <ul class="select" style="display:none">
          <li>繁體中文</li>
          <li>English</li>
      </ul>
  </div> -->

</body>

<script src="http://static-online.zhaogangtest.com/publicresource/js/require.js"></script>
<script>
require.config({
    paths: {
        "jquery": "../../resources/js/jquery.min",
        "jquery-validate": "../../resources/js/jquery-validate",
        "validator": "../../resources/js/validator",
        "public": "../../resources/js/public",

    },
    shim: {
        "jquery": {
            exports: ['jQuery', '$']
        },
        "public": {
            deps: ["jquery"]
        },
        "jquery-validate": {
            deps: ["jquery"]
        },
        "validator": {
            deps: ["jquery", "jquery-validate"]
        },
    }
});

require(["validator","public"], function() {

  $("#login-form").validate();

  //用户名
  $("#username").rules('add',{
    required:true,
    messages:{
      required:'请输入帐号！',
    }
  });

  //密码
  $("#password").rules('add',{
    required:true,
    messages:{
        required:'请输入6-20位密码，数字和字母！',
      }
  });
  // 多选框
  $('.mycheckbox').on('click',function(){
            if($(this).hasClass('active')){
                $(this).removeClass('active')
            }else{
                $(this).addClass('active')
            }
        })


})
</script>
</html>
